// // 基准大小
// const baseSize = 32
// // 设置 rem 函数
// function setRem () {
//   // 当前页面宽度相对于 750 宽的缩放比例，可根据自己需要修改。
//   const scale = document.documentElement.clientWidth / 1242
//   // 设置页面根节点字体大小
//   document.documentElement.style.fontSize = (baseSize * Math.min(scale, 2)) + 'px'
// }
// // 初始化
// setRem()
// // 改变窗口大小时重新设置 rem
// window.onresize = function () {
//   setRem()
// }


var pixelRatio = 1 / window.devicePixelRatio;
//console.log(pixelRatio);
//通过js动态设置视口(viewport)
document.write('<meta name="viewport" content="width=device-width,initial-scale='+pixelRatio+',minimum-scale='+pixelRatio+',maximum-scale='+pixelRatio+'" />');

// 条件：尺寸越大，则字体大小越大。尺寸越小，则字体大小越小。

// 获取html节点
var html = document.getElementsByTagName('html')[0];
// // 获取屏幕宽度
var pageWidth = html.getBoundingClientRect().width;
// // 屏幕宽度 / 固定数值 = 基准值
html.style.fontSize = pageWidth / 16 + "px";


window.addEventListener("resize", setSize, false);
window.addEventListener("orientationchange", setSize, false);
function setSize() {
    var html = document.getElementsByTagName('html')[0];
    var width = html.getBoundingClientRect().width;
    //当宽度大于540的时候最大宽度为540，否则该是多少就多少。
    width = width > 540 ? 540 : width;
    html.style.fontSize = width / 16 + "px";
}
